h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: var(--main-text-color);
  font-weight: 500;
  line-height: 1.5;
  // margin-top: 35px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: inherit;
}

#js_page_wrapper {
  position: relative;

  .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: var(--bg);
    padding-top: 21px;

    .image {
      width: 100%;
      max-width: 768px;
      padding-bottom: 1.5rem;
      margin: 0 auto;

      img {
        width: 100%;
        transition: opacity .5s ease-in-out;
        max-width: 100%;
        display: inline-block;
        height: auto;
        border-radius: var(--border-radius);
      }
    }

    .text_box {
      max-width: 800px;
      padding: 0 8px 21px;
      margin: 0 auto;
      background-color: var(--bg);

      .markdown {
        word-break: break-word;
        line-height: 1.75;
        font-weight: 400;
        font-size: 15px;
        overflow-x: hidden;
        letter-spacing: 1.2px;
        color: var(--main-text-color);
        background-color: var(--bg);
        padding-top: 0.5rem;

        h2 {
          &:nth-child(1) {
            text-align: center;
            margin: 0 !important;
            border: 0;
            padding-bottom: 12px;
            font-size: 24px;
            color: inherit;
          }

          &:nth-child(2) {
            padding-bottom: 12px;
            font-size: 24px;
            border-bottom: 1px solid #ececec;
          }
        }

        ul {
          padding-left: 28px;
          list-style-type: disc;
        }
      }
    }
  }
}
